<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/head.css">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/font_tu/iconfonttuk.css">
    <link rel="stylesheet" href="css/headswiper.css">
    <link rel="stylesheet" href="css/indexfoot.css">

</head>

<body>
    <header>
        <div class="Ym_top">
            <div class="Ym_typepage">
                <div class="Ym_topleft">
                    <span class="Ym_ShowWelcome" id="ShowWelcome">您好，<span title="18911792346"
                            style="color:#8cc341">18911792346</span>,欢迎来到D1购物(<a class="Ym_fade"
                            href="html/login.html" target="_self"
                            style="color:#8cc341">退出登录</a>)&nbsp;&nbsp;&nbsp;&nbsp;</span>
                    <span class="Ym_Loghide">
                        你好，欢迎来到D1购物，请&nbsp;<a href="html/login.html" style="color:#8cc341">登录</a>&nbsp;或&nbsp;
                        <a href="html/register.html" target="_blank" style="color:#8cc341">注册</a>
                    </span>
                </div>
                <div class="Ym_topright">
                    <ul>
                        <li class="Ym_trli Ym_Zh "><a href="javascript:;">我的帐户</a><i class="iconfont icon-xiangxia"></i>
                            <div class="account">
                                <ul>
                                    <li><a href="javascript:;">我的订单</a></li>
                                    <li><a href="javascript:;">我的优惠券</a></li>
                                    <li><a href="javascript:;">我的积分</a></li>
                                    <li><a href="javascript:;">我的收藏</a></li>
                                    <li><a href="javascript:;">我的晒单</a></li>
                                    <li><a href="javascript:;">我的评论</a></li>
                                </ul>
                            </div>
                        </li>
                        <li class="Ym_trli"><a href="javascript:;">订单查询</a></li>
                        <li class="Ym_trli"><a href="javascript:;">积分换购</a></li>
                        <li class="Ym_trli"><a href="javascript:;">帮助中心</a></li>
                        <li class="Ym_sj Ym_trli"><a href="javascript:;">手机优尚</a>
                            <div class="Ym_Ysaccount">
                                <div class="Ym_mobile">
                                    <img src="images/header/app-tongyongerweima.png" alt="">
                                    <div class="Ym_rightp">
                                        <h5>关注优尚创意生活</h5>
                                        <p>
                                            微信扫一扫关注
                                            <br>
                                            创意生活 尽在掌握
                                        </p>
                                    </div>
                                </div>
                                <div class="Ym_mobile">
                                    <img src="images/header/youshangchuangyishenghuo.jpg" alt="">
                                    <div class="Ym_rightp">
                                        <h5>关注优尚美妆</h5>
                                        <p>微信扫一扫关注<br>每周一次美妆特卖</p>
                                    </div>
                                </div>
                                <div class="Ym_mobile">
                                    <img src="images/header/youshangmeizhuang.png" alt="">
                                    <div class="Ym_rightp">
                                        <h5>下载APP</h5>
                                        <p>微信扫一扫下载<br>一元领取APP礼物</p>
                                    </div>
                                </div>

                            </div>
                        </li>
                        <li class="Ym_trli"><a href="javascript:;">在线客服</a></li>
                    </ul>
                </div>
            </div>
        </div>

        <div class="Ym_nav">
            <div class="Ym_typepage">
                <div class="Ym_mid">
                    <a href="http://www.d1.com.cn">
                        <div class="Ym_logo"></div>
                    </a>
                    <div class="Ym_list fl">
                        <ul>
                            <li class="fl  "><a class="red " href="index.html">首页</a></li>
                            <li class="fl"><a href="html/list.html">创意家居</a></li>
                            <li class="fl"><a href="html/list.html">创意数码</a></li>
                            <li class="fl"><a href="html/list.html">时尚装备</a></li>
                        </ul>
                    </div>

                    <!-- 搜索框 -->
                    <div class="Ym_search fl">
                        <div class="Ym_but  fl">
                            <div class="Ym_input">
                                <input class="Ym_SSk" type="text" placeholder="请输入您要搜索的商品名称或编码">
                            </div>
                        </div>
                        <input class=" Ym_input2 fl" type="submit" value="搜索">
                        <ul class="Ym_list11"></ul>

                    </div>

                    <div class="Ym_sglist">
                        <img src="images/header/help.jpg" alt="">
                    </div>

                    <div class="Ym_shocat">
                        <a href="javascript:;">购物车 <i class="iconfont icon-xiangxia"></i></a>
                    </div>
                </div>
            </div>
        </div>

    </header>
    <!-- 轮播图 -->
    <div class="Ym_lunbo">
        <!-- Swiper -->
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide"><img
                        src="http://images.d1.com.cn/shopadmin/splimg/201911/pc-1920x400-milmumu-neiyi.jpg" alt="">
                </div>
                <div class="swiper-slide"><img
                        src="http://images.d1.com.cn/shopadmin/splimg/201911/pc-1920x400-milmumu-wazi.jpg" alt=""></div>
                <div class="swiper-slide"><img
                        src="http://images.d1.com.cn/shopadmin/splimg/201911/pc-1920x400-mofang.jpg" alt=""></div>
                <div class="swiper-slide"><img src="http://images.d1.com.cn/shopadmin/splimg/201712/01207616_1920.jpg"
                        alt=""></div>

            </div>
            <!-- Add Pagination -->
            <div class="swiper-pagination"></div>
            <div class="swiper-button-next" tabindex="0" role="button" aria-label="Next slide" aria-disabled="false">
            </div>
            <div class="swiper-button-prev" tabindex="0" role="button" aria-label="Previous slide"
                aria-disabled="false"></div>
        </div>
    </div>
    <!-- 轮播图结束 -->
    <!-- 导航 -->
    <div class="Ym_navd">
        <div class="Ym_navx">
            <ul class="clearfix" id="srollzzc">
                <li class="current"><a href="#header" class="">返回顶部</a></li>
                <li class=""><a href="#list0" class="">创意主题</a></li>
                <li class=""><a href="#list1" class="">原创设计</a></li>
                <li><a href="#list2" class="">创意家居</a></li>
                <li><a href="#list3" class="">数码宝贝</a></li>
                <li><a href="#list4" class="">美妆爆款</a></li>
                <li><a href="#list5" class="">个性配饰</a></li>
            </ul>

        </div>

    </div>
    <!-- 创意主题 -->
    <div class="Ym_theme">
        <div class="Ym_bx">

            <img class="themeimg" src="http://images.d1.com.cn/images2016/home-banner-zt-h.jpg" alt="">
            <div class="Ym_sp06">
                <div class="Ym-img-layer"> <img
                        src="http://images.d1.com.cn/shopadmin/splimg/201711/01207539_d1_1116.jpg"
                        class="Ymimg-responsive" alt="手机可读取2T硬盘了！"></div>
                <h5 class="center mt-xlg mb-lg">手机可读取2T硬盘了！</h5>
                <div class="Ym_mc"></div>
            </div>

            <div class="Ym_sp06">
                <div class="Ym-img-layer"> <img
                        src="http://images.d1.com.cn/shopadmin/splimg/201711/01207152_d1_1116.jpg"
                        class="Ymimg-responsive" alt="手机可读取2T硬盘了！"></div>
                <h5 class="center mt-xlg mb-lg">完胜暖气！闭着眼调节温度</h5>
                <div class="Ym_mc"></div>
            </div>
            <div class="Ym_sp06">
                <div class="Ym-img-layer"> <img
                        src="http://images.d1.com.cn/shopadmin/splimg/201711/08100388_d1_1116.jpg"
                        class="img-responsive" alt="暖手宝+充电宝+补光灯=1个搞定！"></div>
                <h5 class="center mt-xlg mb-lg">暖手宝+充电宝+补光灯=1个搞定！</h5>
                <div class="Ym_mc"></div>
            </div>
            <div class="Ym_sp06">
                <div class="Ym-img-layer"> <img
                        src="http://images.d1.com.cn/shopadmin/splimg/201711/01207574_d1_1116.jpg"
                        class="img-responsive" alt="防霾，还能大口呼吸的智能口罩"></div>
                <h5 class="center mt-xlg mb-lg">防霾，还能大口呼吸的智能口罩</h5>
                <div class="Ym_mc"></div>
            </div>
            <div class="Ym_sp06">
                <div class="Ym-img-layer"> <img
                        src="http://images.d1.com.cn/shopadmin/splimg/201711/01904502_d1_1116.jpg"
                        class="img-responsive" alt="让罩杯升级的“咪咪武器”"></div>
                <h5 class="center mt-xlg mb-lg">让罩杯升级的“咪咪武器”</h5>
                <div class="Ym_mc"></div>
            </div>
            <div class="Ym_sp06">
                <div class="Ym-img-layer">

                    <img src="http://images.d1.com.cn/shopadmin/splimg/201711/01904518_d1_1116.jpg"
                        class="img-responsive" alt="边按摩边热敷，还能听音乐的靠垫">
                    <h5 class="center mt-xlg mb-lg">边按摩边热敷，还能听音乐的靠垫</h5>
                    <div class="Ym_mc"></div>
                </div>
            </div>
        </div>

    </div>

    </div>
    <!-- 原创设计 -->
    <div class="Ym_theme">
        <div class="Ym_bx1">
            <img class="themeimg" src="http://images.d1.com.cn/images2016/home-banner-yc-h1.jpg" alt="">
            <ul class="Ym_ul1">
                <li>
                    <img src="http://images1.d1.com.cn/shopimg/gdsimg/2017/06/20/0120740720170620165649_1_400.jpg"
                        alt="防水防尘防污鞋子喷雾剂">
                    <span class="Ym_poZcn"></span>
                    <div class="Ym_linkDiv"> <a href="http://www.d1.com.cn/product/01207407" title="防水防尘防污鞋子喷雾剂">
                            <span class="Ym_zzPav">防水防尘防污鞋子喷雾剂</span>
                            <span class="Ym_zvPar">
                                <p>会员价：</p>
                                <p> ￥88</p>

                            </span></a> </div>
                </li>
                <li>
                    <img src="http://images1.d1.com.cn/shopimg/gdsimg/2017/06/23/0120741920170808160438_1_400.jpg"
                        alt="纳米去污无残留洗衣球">
                    <span class="Ym_poZcn"></span>
                    <div class="Ym_linkDiv"> <a href="http://www.d1.com.cn/product/01207407" title="防水防尘防污鞋子喷雾剂">
                            <span class="Ym_zzPav">纳米去污无残留洗衣球</span>
                            <span class="Ym_zvPar">
                                <p>会员价：</p>
                                <p> ￥199</p>

                            </span></a> </div>
                </li>
                <li>
                    <img src="http://images1.d1.com.cn/shopimg/gdsimg/2017/07/11/0810034520171123185451_1_400.jpg"
                        alt="中英即时同声翻译学习机">
                    <span class="Ym_poZcn"></span>
                    <div class="Ym_linkDiv"> <a href="http://www.d1.com.cn/product/01207407" title="防水防尘防污鞋子喷雾剂">
                            <span class="Ym_zzPav">中英即时同声翻译学习机</span>
                            <span class="Ym_zvPar">
                                <p>会员价：</p>
                                <p> ￥999</p>

                            </span></a> </div>
                </li>
                <li>
                    <img src="http://images1.d1.com.cn/shopimg/gdsimg/2017/09/08/0190450520170908172129_1_400.jpg"
                        alt="一鞋三穿罗马套装鞋">
                    <span class="Ym_poZcn"></span>
                    <div class="Ym_linkDiv"> <a href="http://www.d1.com.cn/product/01207407" title="防水防尘防污鞋子喷雾剂">
                            <span class="Ym_zzPav">一鞋三穿罗马套装鞋</span>
                            <span class="Ym_zvPar">
                                <p>会员价：</p>
                                <p> ￥368</p>

                            </span></a> </div>
                </li>
                <li>
                    <img src="http://images1.d1.com.cn/shopimg/gdsimg/2017/03/06/0120725820170306162305_1_400.jpg"
                        alt="安颈宝护颈手机支架">
                    <span class="Ym_poZcn"></span>
                    <div class="Ym_linkDiv"> <a href="http://www.d1.com.cn/product/01207407" title="防水防尘防污鞋子喷雾剂">
                            <span class="Ym_zzPav">安颈宝护颈手机支架</span>
                            <span class="Ym_zvPar">
                                <p>会员价：</p>
                                <p> ￥239</p>

                            </span></a> </div>
                </li>

            </ul>
        </div>
    </div>
    <!-- 创意家居 -->
    <div class="Ym_theme">
        <div class="Ym_bx1">
            <img class="themeimg" src="http://images.d1.com.cn/images2016/home-banner-jj-h.jpg" alt="">
            <ul class="Ym_ul1">
                <li>
                    <img src="http://images1.d1.com.cn/shopimg/gdsimg/2017/07/05/0120742720170906160845_1_400.jpg"
                        alt="能矫正坐姿的护臀美臀坐垫">
                    <span class="Ym_poZcn"></span>
                    <div class="Ym_linkDiv"> <a href="http://www.d1.com.cn/product/01207407" title="防水防尘防污鞋子喷雾剂">
                            <span class="Ym_zzPav">能矫正坐姿的护臀美臀坐垫</span>
                            <span class="Ym_zvPar">
                                <p>会员价：</p>
                                <p> ￥298</p>

                            </span></a> </div>
                </li>
                <li>
                    <img src="http://images1.d1.com.cn/shopimg/gdsimg/2017/01/20/0120716920170213185643_1_400.jpg"
                        alt="洗屁屁机私处清洗器">
                    <span class="Ym_poZcn"></span>
                    <div class="Ym_linkDiv"> <a href="http://www.d1.com.cn/product/01207407" title="防水防尘防污鞋子喷雾剂">
                            <span class="Ym_zzPav">洗屁屁机私处清洗器</span>
                            <span class="Ym_zvPar">
                                <p>会员价：</p>
                                <p> ￥158</p>

                            </span></a> </div>
                </li>
                <li>
                    <img src="http://images1.d1.com.cn/shopimg/gdsimg/2016/12/08/0120713220161212172243_1_400.jpg"
                        alt="防水防尘防污超级喷雾">
                    <span class="Ym_poZcn"></span>
                    <div class="Ym_linkDiv"> <a href="http://www.d1.com.cn/product/01207407" title="防水防尘防污鞋子喷雾剂">
                            <span class="Ym_zzPav">防水防尘防污超级喷雾</span>
                            <span class="Ym_zvPar">
                                <p>会员价：</p>
                                <p> ￥88</p>

                            </span></a> </div>
                </li>
                <li>
                    <img src="http://images1.d1.com.cn/shopimg/gdsimg/2016/11/30/0120712920170209162249_1_400.jpg"
                        alt="美国Fixate神奇胶垫挂钩">
                    <span class="Ym_poZcn"></span>
                    <div class="Ym_linkDiv"> <a href="http://www.d1.com.cn/product/01207407" title="防水防尘防污鞋子喷雾剂">
                            <span class="Ym_zzPav">美国Fixate神奇胶垫挂钩</span>
                            <span class="Ym_zvPar">
                                <p>会员价：</p>
                                <p> ￥39</p>

                            </span></a> </div>
                </li>

            </ul>
        </div>

    </div>
    <!-- 数码宝贝 -->
    <div class="Ym_theme">
        <div class="Ym_bx2">
            <img class="themeimg" src="http://images.d1.com.cn/images2016/home-banner-sm-h.jpg" alt="">
        </div>
    </div>
    <!-- 美妆爆款 -->
    <div class="Ym_theme">
        <div class="Ym_bx2">
            <img class="themeimg" src="http://images.d1.com.cn/images2016/home-banner-jj-mz-h.jpg" alt="">
            <ul class="Ym_ul1">
                <li>
                    <img src="http://images1.d1.com.cn/shopimg/gdsimg/2016/06/20/0142695220160830110614_1_400.jpg"
                        alt="金稻蒸脸器充电手持补水仪">
                    <span class="Ym_poZcn"></span>
                    <div class="Ym_linkDiv"> <a href="http://www.d1.com.cn/product/01207407" title="防水防尘防污鞋子喷雾剂">
                            <span class="Ym_zzPav">金稻蒸脸器充电手持补水仪</span>
                            <span class="Ym_zvPar">
                                <p>会员价：</p>
                                <p> ￥168</p>

                            </span></a> </div>
                </li>
            </ul>
        </div>
    </div>
    <!-- 个性配饰 -->
    <div class="Ym_theme">
        <div class="Ym_bx2">
            <img class="themeimg" src="http://images.d1.com.cn/images2016/home-banner-ps-h1.jpg" alt="">
            <ul class="Ym_ul1">
                <li>
                    <img src="http://images1.d1.com.cn/shopimg/gdsimg/2017/07/07/0190444820170707172755_1_400.jpg"
                        alt="比赤脚还舒服的弹力鞋">
                    <span class="Ym_poZcn"></span>
                    <div class="Ym_linkDiv"> <a href="http://www.d1.com.cn/product/01207407" title="防水防尘防污鞋子喷雾剂">
                            <span class="Ym_zzPav">比赤脚还舒服的弹力鞋</span>
                            <span class="Ym_zvPar">
                                <p>会员价：</p>
                                <p> ￥188</p>

                            </span></a> </div>
                </li>
                <li>
                    <img src="http://images1.d1.com.cn/shopimg/gdsimg/2017/09/07/0190450220170920182450_1_400.jpg"
                        alt="攀高塑胸丰胸按摩文胸">
                    <span class="Ym_poZcn"></span>
                    <div class="Ym_linkDiv"> <a href="http://www.d1.com.cn/product/01207407" title="防水防尘防污鞋子喷雾剂">
                            <span class="Ym_zzPav">攀高塑胸丰胸按摩文胸</span>
                            <span class="Ym_zvPar">
                                <p>会员价：</p>
                                <p> ￥228</p>

                            </span></a> </div>
                </li>
                <li>
                    <img src="http://images1.d1.com.cn/shopimg/gdsimg/2016/10/26/0190428420170228151144_1_400.jpg"
                        alt="美国可折叠收纳旅行包24L">
                    <span class="Ym_poZcn"></span>
                    <div class="Ym_linkDiv"> <a href="http://www.d1.com.cn/product/01207407" title="防水防尘防污鞋子喷雾剂">
                            <span class="Ym_zzPav">美国可折叠收纳旅行包24L</span>
                            <span class="Ym_zvPar">
                                <p>会员价：</p>
                                <p> ￥168</p>

                            </span></a> </div>
                </li>
                <li>
                    <img src="http://images1.d1.com.cn/shopimg/gdsimg/2017/07/13/0190445320170713095509_1_400.jpg"
                        alt="微型窗干爽内裤3条装">
                    <span class="Ym_poZcn"></span>
                    <div class="Ym_linkDiv"> <a href="http://www.d1.com.cn/product/01207407" title="防水防尘防污鞋子喷雾剂">
                            <span class="Ym_zzPav">微型窗干爽内裤3条装</span>
                            <span class="Ym_zvPar">
                                <p>会员价：</p>
                                <p> ￥149</p>

                            </span></a> </div>
                </li>
            </ul>
        </div>
    </div>
    <!-- 空DIV -->
    <div class="Ym_Ktx">

    </div>
    <!-- 底部 -->
    <div id="footer"></div>


    <script src="js/jquery-1.9.1.min.js"></script>
    <script src="js/jquery-1.9.1.js"></script>
    <script src="js/d1head.js"></script>
    <script src="js/headswiper.js"></script>

    <!-- Initialize Swiper -->
    <script>
        var swiper = new Swiper('.swiper-container', {
            pagination: {
                el: '.swiper-pagination',
                clickable: true,
                renderBullet: function (index, className) {
                    return '<span class="' + className + '">' + (index + 1) + '</span>';
                },

            },
            navigation: {
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev',
            },
            loop: true,
            autoplay: true,
            effect: 'fade',
            fade: {
                crossFade: false,
            }

        });
        swiper.el.onmouseenter = function () {
            swiper.autoplay.stop();
        };
        //鼠标离开开始自动切换
        swiper.el.onmouseleave = function () {
            swiper.autoplay.start();
        };

    </script>
    <script src="js/index.js"></script>
    <script>
        //    判断没有token返回登陆
        var Y_Loghide = document.querySelector('.Ym_Loghide')
        var Y_Log= document.querySelector('.Ym_ShowWelcome')
        if (localStorage.getItem('token') === null) {
            window.location.href = 'html/login.html'
        } else {
            Y_Loghide.style.display = 'none'

        }
        // 退出 清除token 刷新页面
        var LogOut = document.querySelector('.Ym_fade')

        LogOut.addEventListener('click', function () {
            localStorage.removeItem('token')
            location.reload()
        })
    </script>

</body>

</html>